<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>专业就业人数</title>
		<script type="text/javascript" src="js/echarts.js" ></script>
		
	</head>
	<body>
		<div id="job" style="width:600px;height:400px">
			
		</div>
		<script>
			var myCharts=echarts.init(document.getElementById("job")); //初始化对象
			var option={   //写参数
				title:{
					text:'2022届各专业就业人数',
					subtext:'TYU计算机系',
					left:'center'
				},
				tooltip:{},  //鼠标提示框
				toolbox:{
					show:true,
					feature:{
						mark:{show:true},
						dataView:{show:true,readOnly:false},
						magicType:{show:true,type:['line','line']},
						restore:{show:true},
						saveAsImage:{show:true}
						
					}
				},
				xAxis:{
					data:["计科","网工","物联网","数字媒体"]
				},
				yAxis:{		
				},
				series:[
				{
					name:'就业数据',
					type:'bar',
					data:[900,700,600,1000]
				}
				],
			};
			myCharts.setOption(option);   // 
		</script>
	</body>
</html>
